<template>
  <div>
    <van-cell :title="apianuser.info_list[3].name" icon="info-o" is-link @click="showPopup" />
    <van-popup v-model="show" position="right" :style="{ height: '100%',width:'100%' }">
      <van-nav-bar title="关于" left-text="返回" @click-left="onClickLeft" left-arrow :style="rgba[0]" />
      <div class="pupfro" :style="rgba[0]">
        <div class="for_title">
          <p class="left_p">开发人员:</p>
          <p class="right_p">Len</p>
        </div>
        <div class="for_title">
          <p class="left_p">项目地址:</p>
          <p class="right_p">https://gitee.com/LenJusWu/answer</p>
        </div>
        <div class="for_title">
          <p class="left_p">项目日期:</p>
          <p class="right_p">2020年5月31日-2020年6月10日</p>
        </div>
        <div class="for_title">
          <p class="left_p_vice">项目技术:</p>
          <p class="right_p">本项目使用Vue-cli + Vuex + Vue-router + Vant + SCSS 开发,后台数据由 Mock 模拟生成。</p>
        </div>
        <div class="for_title">
          <p class="left_p_vice">项目功能:</p>
          <p class="right_p">登录 主题修改 题目搜索 修改个人信息 题目收藏 长按删除 错题本等</p>
        </div>
        <div class="for_title">
          <p class="left_p">最后:</p>
          <p class="right_p_vice">欢迎您的使用</p>
        </div>
      </div>
    </van-popup>
  </div>
</template>

<script>
export default {
  name: "popupfo",
  props: {},
  data() {
    return {
      show: false,
      apianuser: {},
      rgba: {}
    };
  },
  created() {
    this.apianuser = JSON.parse(localStorage.getItem("swidata") || []);
  },
  mounted() {
    this.rgba = JSON.parse(localStorage.getItem("bakcColor"));
  },
  computed: {},
  methods: {
    showPopup() {
      this.show = true;
    },
    onClickLeft() {
      this.show = false;
    }
  }
};
</script>

<style lang="scss" scoped>
@import "@/style/user/popupfo.scss";
</style>